<template>
  <div style="background-color: #f4f4f4; height: 100%">
    <div :class="prefixCls">
      <MsgReceiverVerifyResult :class="prefixCls + '-item'" />
    </div>
  </div>
</template>
<script lang="ts" setup>
  import { ref, watch, unref } from "vue"
  import { PageWrapper } from "/@/components/Page"
  import { useDesign } from "/@/hooks/web/useDesign"
  import MsgReceiverVerifyResult from "./components/MsgReceiverVerifyResult.vue"
  const { prefixCls } = useDesign("verify-result")
</script>

<style lang="less" scoped>
  @prefix-cls: ~"@{namespace}-verify-result";

  .@{prefix-cls} {
    display: flex;
    padding-top: 50px;
    justify-content: center;
    transition: all 0.2s ease;
    height: 90%;

    &-item {
      width: 80%;
      height: 60%;
      background-color: #ffffff;
    }
  }
</style>
